<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/list-phone.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3669174_gr64g05pmel.css">
</head>
<body>
    <!-- 头部 -->
    <div class="head"></div>

    <!-- 主体 -->
    <div class="list-main">
        <!-- 小条导航 -->
        <div class="breadcrumbs">
            <div class="wrapper">
                <a href="">首页</a>
                <span class="iconfont icon-youjiantou1"></span>
                <a href="">全部结果</a>
            </div>
        </div>

        <!-- 分类导航 -->
        <div class="search-filter">
            <div class="wrapper">
                <span>分类:</span>
                <ul>
                    <!-- <li>全部</li>
                    <li>小米</li>
                    <li>红米</li> -->
                </ul>
            </div>
        </div>

        <!-- 显示结果 -->
        <div class="search-result">
            <div class="wrapper">
                <div class="order-list">
                    <ul class="order-active">
                        <li class="show-all">综合</li>
                        <div class="column1">
                            <li class="number">销量</li>
                            <div class="list">
                                <li class="xl-up">按销量升序</li>
                                <li class="xl-down">按销量降序</li>
                            </div>
                        </div>
                       <div class="column2">
                            <li class="money">价格</li>
                            <div class="list">
                                <li class="pri-up">按价格升序</li>
                                <li class="pri-down">按价格降序</li>
                            </div>
                       </div>
                        
                    </ul>
                </div>
                <!-- 商品列表 -->
                <div class="order-content">
                    
                </div>
                <div class="page">
                    
                    <div class="pageAll">
                        <!-- <div class="prev off">&lt;</div>
                        <span class="on">1</span>
                        <span>2</span>
                        <span>3</span>
                        <div class="next">&gt;</div> -->
                    </div>
                    
                    
                </div>
            </div>
        </div>
    </div>



    <!-- 底部 -->
    <div class="foot"></div>

    <script src="../js/jq.js"></script>
    <!-- load方法引入 -->
    <script>
        $('.head').load('./head.html',function () {  
            $.getScript('../js/search.js');
        });
        $('.foot').load('./footer.html');
    </script>
    <script src="../js/api.js"></script>
    <script src="../js/search.js"></script>
    <script src="../js/all.js"></script>

    
</body>
</html>